*{
	margin:0;
	padding:0;
}
body{
	background: #fff;
	
}

.mui-content{  
    position: absolute;  
    width: 100%;  
    height: 100%;  
    background: url(../images/b.jpg)no-repeat;  
    background-size: 100%100%;  
    font-size: 12px;
}

/*index*/
.header{
	width:100%;
	height:300px;
}
.header .auto{
	width:130px;
	height:130px;
	margin:0 auto;
	background:#fff;
	position: relative;
	border-radius: 100%;
	top:75px;
}
.header .auto i{
	position:absolute;
	top:60px;
	display: inline-block;
	text-align: center;
	width:100%;
	font-size: 50px;
	color:#ff3366;
	font-weight: bold;
}

form .user-info{
	height:50px;
	position: relative;
	border-bottom: 1px solid #aca9a7;
}

form .user-info input{
	width:100%;
	text-indent:35px;
	height:50px;
	position:absolute;
	top:0;
	border:none;
	border-radius: 0px;
	background-color:rgba(255, 255, 255, 0); 
	font-size: 12px;
}

input:input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}

form .user-info .iconfont{
	position: absolute;
	top:15px;
	left:20px;
	z-index: 1;
	font-size: 20px;
	color:#fff;
}
form .user-info .alink{
	margin:0 auto;
	display:block;
	width:90%;
	height:50px;
	text-align: right;
	line-height: 50px;
	font-size: 12px;
	color:#aca9a7;
	text-decoration: none;
}

form .border-none{
	border:none!important;
}

.sign-btn{
	width:100%;
	border-radius: 0px;
	height:50px;
	color:#fff;
	background: #ff3366;
	font-size: 12px;
	border:none;
}

.account{
	height:50px;
	line-height: 50px;
	text-align: center;
	color:#928b87;
	font-size: 12px;
}

.footer{
	height:100px;
	width:100%;
	position: fixed;
	bottom:0;
}

/*index2*/
.sign_up{
	width:100%;
	height:100px;
	margin:0 0 50px 0;
}
.sign_up .auto{
	width:90%;
	height:100px;
	margin:0 auto;
	position: relative;
}
.sign_up .auto i{
	position: absolute;
	top:20px;
	color: #fff;
	font-size: 18px;
}
.sign_up .auto p{
	position: absolute;
	top:60px;
	left:10px;
	font-size: 18px;
	color:#fff;
}

/*index3*/

.index3-mui-content{
	background: #fff;
}

.header3{
	height:50px;
}
.header3 ul{
	height:50px;
	width:80px;
	margin:0 auto;
}
.header3 ul li{
   display: block;
   width:5px;
   height:5px;
   background: #d2d2d4;
   border-radius: 100%;
   float: left;
   margin:25px 8px;
}
.header3 ul li.diff-color{
	background: #ff3366;
}
.content{
	height:300px;
}

.content .set-mid{
	width:130px;
	height:130px;
	border-radius: 100%;
	border:1px solid #ff3366;
	margin:0px auto;
	text-align: center;
    line-height: 120px;
	color:#ff3366;
	position: relative;
	top:115px;
}
.content .set-mid i{
	font-size:50px;
}

.paragraph{
	margin-top: 50px;
	text-align: center;
	
}
.paragraph p{
	font-size: 12px;
}

.footer3{
	width:100%;
	height:50px;
	position: fixed;
	bottom:0px;
}


/*index4*/
#header4{
	height:300px!important;
	text-align: center;
}
#header4 .auto {
	height:300px;
	position: relative;
}
#header4 .auto .icon-caidan{
	position: absolute;
	left:0;
}
#header4 .auto  p.morning{
	width:100%;
	position: absolute;
	top:75px;
	text-align: center;
}
#header4 .auto .box4{
	width:100%;
	text-align: center;
	height:90px;
	position: absolute;
	bottom:60px;
}
#header4 .auto  .box4 .face{
	width:95px;		
	height:90px;
	margin:0 auto;
	position: relative;
}
#header4 .auto  .box4 .face img{
	margin:50px auto;
	display: block;

}
#header4 .auto  .box4 .face #num3{
	
	width:20px!important;
	height:20px!important;
	border-radius: 100%;
	background: #50d2c2!important;
	color:#fff;
	position:absolute!important;
	top:2px!important;
	right:2px!important;
	font-size: 8px;

}
#header4 .auto .face img{
	width:90px;
	height:90px;
	border-radius: 100%;

}
.foot-4{
	width:100%;
	height:50px;
	position: absolute;
	bottom:0;
	line-height: 50px;
	color:#fff;
}
.foot-4 .icon-xiangqian{
	position: absolute;
	left:0;
	font-size: 13px!important;
}
.foot-4 .icon-forward{
	position: absolute;
	right:0;
	font-size: 13px!important;
}

.footer4-box .the-first{
	height:90px;
	border-bottom: 1px solid #e4e4e4;
}
.footer4-box .the-same{
	height:60px;
	border-bottom: 1px solid #e4e4e4;
}
.footer4-box .green{
	border-left: 1px solid #50d2c2;
}
.footer4-box .the-same .middle-box{
	width:90%;
	height:60px;
	margin:0 auto;
	position: relative;
}
.footer4-box .the-same .middle-box div img{
    position: absolute;
    left:0;
}
.footer4-box .the-same .middle-box p.p-top{
	font-size: 12px;
}

.add-btn{
	width:100%;
	height:50px;
	position: fixed;
	bottom:20px;
}

.add-btn i{
	display: block;
	width:50px;
	height:50px;
	border-radius: 100%;
	background:#ff3366;
	color:#fff;
	position: absolute;
	right:15px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}

.footer4-box  .the-first .days{
	width:90%;
	height:100%;
	margin:0 auto;
	padding:10px 0 0px 0;
}

.footer4-box  .the-first .days ul li{
	float: left;
	width:14%;
}
.footer4-box  .the-first .days ul.jihao{
	width:100%;
	height:30px;
	line-height: 30px;
	position: relative;
	top:15px;
}

.footer4-box  .the-first .days ul.jihao .background{
	width:30px;
	height:30px;
	border-radius: 100%;
	background: #f3f3f4;
	line-height: 30px;
	position: relative;
	margin:0 5px;
}
.footer4-box  .the-first .days ul.jihao .928b87{
	height:30px;
	position: relative;
	line-height: 30px;
}
.footer4-box  .the-first .days ul.jihao .928b87 span{
	position: absolute;
	bottom:4px;
	left:20px;
}
.hongdian{
	display: block;
	width:3px;
	height:3px;
	border-radius: 100%;
	background: #ff3366;
    position: relative;
    bottom:5px;
    left:14px;
}
/*index5*/
.mui-content  #header5{
	width:100%;
	height:190px!important;
}
.mui-content  #header5 .auto{
	height:190px;
	width:90%;
	margin:0 auto;
	position: relative;
}
.mui-content  #header5 .auto .day-time{
	height:50px;
	position: absolute;
	bottom:0;
}
.mui-content  #header5 .auto .day-time ul li{
	display: block;
	float: left;
	padding:5px 10px 0 10px;
	color:#fff;
}
.mui-content  #header5 .auto .day-time ul li span.line{
	display: block;width:95%;
	border-bottom: 1px solid #fff;
}

.footer4-box #rewrite{
   height:265px;
}


/*日历*/
ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#demo {
	width: 320px;
	margin: 0 auto;
}

p {
	margin: 0;
}

#dt {
	margin: 30px auto;
	height: 28px;
	width: 200px;
	padding: 0 6px;
	border: 1px solid #928b87;
	outline: none;
}


 /*index6*/
 #header6{
 	height:390px;
 }

 #header6 .auto{
 	height:390px;
 	position: relative;
 }
#header6 i img{
	display: block;
	width:25px;
	height:25px;
	border-radius: 100%;
	position: absolute;
	top:25px;
	right:0;
}

#header6 .auto .m-m{
	width:100%;
	height:60px;
	position: absolute;
	top:65px;
}
#header6 .auto .m-m .iconfont{
	font-size: 12px;
	color:#bbb8b5;
}
#header6 .auto .m-m .icon-forward{
	position: absolute;
	right:0;
}

#header6 .auto .m-m p{
	height:60px;
	position: absolute;
	top:0;
	text-align:center;
	width:100%;
	padding:5px 0 5px 0;
}
#header6 .auto .m-m p span{
	color:#bbb8b5;
	font-size: 12px;
}

#header6 .auto .jindu{
	height:150px;
	position: relative;
	top:140px;
}

#header6 .auto  .completed p{
	width:100%;
	height:45px;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top:300px;
	left:0;
}
#header6 .auto  .sanshuxian{
	width:100%;
	height:50px;
	position: absolute;
	bottom:-25px;
	
}
#header6 .auto  .sanshuxian .icon-sanshuxian{
	display: block;
	width:50px;
    height:50px;
    border-radius: 100%;
    background: #ff3366;
    color:#fff;
    margin:0 auto;
    text-align: center;
    line-height: 50px;
}

.footer6 .box{
	width:100%;
	height:55px;
	border-bottom: 1px solid #bbb8b5;
	position: relative;
}
.footer6 .box1{
	height:70px!important;
}
.footer6 .box{
	width:100%;
}
.footer6 .box .aaa{
	width:90%;
	margin:0 auto;
    height:55px;
    position: relative;
}

.footer6 .box1 .aaa{
	height:70px!important;
}
.footer6 .box .aaa .zfx{
	display: block;
	width:10px;
	height:10px;
	position: absolute;
	bottom:18px;
}
.footer6 .box .aaa .green-color{
	background:#4ed1c1;
}

.footer6 .box .aaa .yellow-color{
	background:#fcab53;
}
.footer6 .box .aaa .pink-color{
	background:#ba77ff;
}
.footer6 .box .aaa p.wenzi{
	text-indent: 25px;
	position: absolute;
	bottom:3px;
	font-size: 12px;
}

.footer6 .box .aaa p.shuzi{
	position: absolute;
	right:0;
	bottom:3px;
	font-size: 12px;
}
/*index7*/
.index7-mui-content{
	background: #fff;
}
.header7{
	height:160px;
	background: url(../images/c.jpg)no-repeat;
	position: absolute;  
    width: 100%;    
    background-size: 100%100%;  
}

.header7 .auto{
	width:90%;
	height:160px;
	margin:0 auto;
	position: relative;
}
.header7 .auto i{
	font-size: 20px;
	color:#fff;
}
.header7 .auto .icon-caidan{
	position: absolute;
	top:25px;
}
.header7 .auto .icon-sousuo{
	position: absolute;
	top:25px;
	right:0;
}
.header7 .auto p{
	position: absolute;
	bottom:50px;
	left:10px;
	color:#fff;
	font-size: 22px;
}

.footer7{
	width:100%;
	margin-top: 160px;
	background: #fff;
	
}

.footer7 .big-box{
	width:50%;
	height:135px;
	float: left;  
	text-align: center;
    
}

.footer7 .big-box .small-box{
	width:100px;
	height:100px;
	margin:30px auto;
}

.footer7 .big-box .small-box p.title{
	font-size: 18px;
	color:black;
	margin-top: 10px;
}
.footer7 .big-box .small-box p.num{
	font-size: 12px;
}
.footer7 .big-box .small-box .line{
	display: block;
	width:20%;
	height:3px;
    margin:0 auto;
}
.footer7 .big-box .small-box  .color1{
	background:#50d2c2;
}
.footer7 .big-box .small-box  .color2{
	background:#6563a4;
}
.footer7 .big-box .small-box  .color3{
	background:#8c88ff;
}
.footer7 .big-box .small-box  .color4{
	background:#fcab53;
}
.footer7 .big-box .small-box  .color5{
	background:#d667cd;
}
.footer7 .big-box .small-box  .color6{
	background:#ff3366;
}
.border-right{
	border-right:1px solid #e4e4e4;
}
.border-bottom{
	border-bottom:1px solid #e4e4e4;
}

.clear{
	clear:both;
}

/*index8*/
li{
	list-style: none;
}
.icon-houtui1{
	position: absolute;
	top:25px;
}

.set-right{
	position: absolute;
	right:0;
	top:25px;
	width:100px;
}
.set-right .reviews{
	position: absolute;
	left:0;
	top:0;
	font-size: 8px!important;
}
.set-right .icon-redo{
	position: absolute;
	left:40px;
	top:0;
}
.set-right .icon-sousuo{
	position: absolute;
    top:5px!important;
	right:0;
}
#header8{
	position: relative;
}
#header8 .auto .icon-add{
   display: block;
   width:40px;
   height:40px;
   border-radius: 100%;
   background: #ff3366;
   color:#fff;
   text-align: center;
   line-height: 40px;
   position:absolute;
   right:0;
   bottom:-20px;
   font-size: 15px;
}

.footer8 ul li{
    width:100%;
    height:55px;
	height:55px;
	border-bottom: 1px solid #f3f3f4;
}

.footer8 ul li div{
	width:90%;
	height:55px;
	margin:0 auto;
	position: relative;
}
.footer8 ul li div  .icon-iconfont31xuanze{
	display: block;
	height:55px;
	line-height: 55px;
}
.footer8 ul li div p{
	height:55px;
	position: absolute;
	top:0;
	line-height: 55px;
	text-indent: 30px;
}
.border-left-green{
	background: #f8f8f9;
	border-left:2px solid #50d2c2;
}

.color-green{
	color:#50d2c2;
}


/*index9*/
*{
	margin:0;
	padding:0;
}
.icon-X{
	position: absolute;
	top:25px;
}
.header-img{
	width:20px;
	height:20px;
	border:1px solid #f8f8f9;
	position: absolute;
	top:25px;
	right:0;
}
.footer9 ul li{
	height:50px;
	border:1px solid  #f8f8f9;
}
.footer9 ul li div{
	width:90%;
	height:50px;
	margin:0 auto;
}
.footer9 ul li.li-title {
	height:60px!important;
}
.footer9 ul li.li-title div h5{
	height:60px;
	line-height: 60px;

}
.footer9 ul li.from-to{
	height:125px;
}

.from-to-div div .left-side{
    line-height: 43px;

}
.from-to-div .top{
	width:100%;
    height:43px!important;
}
.from-to-div .mid{
	width:100%;
    height:43px!important;
}
.from-to-div .foot{
	width:100%;
    height:43px!important;
}

.from-to-div .father-relative{
	position: relative;
}

.from-to-div .father-relative .son .btn{
	position: absolute;
	right:0;
	top:10px;
    width:25px;
    height:10px;
    border-radius: 10px;
    background: #ddddde;
}
.from-to-div .father-relative .son .btn .on{
	width:15px;
	height:15px;
	border-radius: 100%;
	background: #bebec1;
	position: absolute;
	top:-2px;
	left:0;
}
.from-to-div .father-relative .son{
	width:200px;
	position: absolute;
	top:0;
	right:0;
	height:33px;
}
.from-to-div .father-relative .son .days{
	position: absolute;
	left:0;
	line-height: 33px;
}
.from-to-div .father-relative .son .times{
	position: absolute;
	right:0;
	line-height: 33px;
}

.footer9 ul li.li .li-box .p{
	height:50px;
	line-height: 50px;
}
.footer9 ul li.li .li-box{
	position: relative;
}
.footer9 ul li.li .li-box .son2{
	width:100px;
	height:50px;
	position: absolute;
	top:0;
	right:0;
}
.footer9 ul li.li .li-box .face{
	height:50px;
    width:150px;
}
.footer9 ul li.li .li-box .face img{
	display: block;
	float: left;
	width:35px;
	height:35px;
	border-radius: 100%;
    margin:10px 13px 0 2px;
}
.icon-daohang{
	position: absolute;
	left:0px;
	top:15px;
}
.footer9 ul li.li .li-box .son2 p{
	position: absolute;
	right:0;
	height:50px;
	line-height: 50px;
}


#mui-switch{
	position: absolute;
	right:0;
	top:22px;
    width:30px;
    height:10px;
    border-radius: 10px;
    background: #ddddde;
    border:none;
}
#mui-switch-handle{
	width:15px;
	height:15px;
	border-radius: 100%;
	background: #bebec1;
	position: absolute;
	top:-3px;
	left:0px;
}
#mui-switch2{
	position: absolute;
	right:0;
	top:22px;
    width:30px;
    height:10px;
    border-radius: 10px;
    background: #ddddde;
    border:none;
}
#mui-switch-handle2{
	width:15px;
	height:15px;
	border-radius: 100%;
	background: #bebec1;
	position: absolute;
	top:-3px;
	left:0px;
}
/*index10*/
#header8 .auto .james{
	position: absolute;
	bottom:15px;
}

.index10-body{
	width:100%;
	height:270px;
}

.footer10{
	width:100%;
	position: fixed;
	bottom:0;
	height:110px;
	background: #fbfbfb;
}
.footer10 .big-box {
	width:33%;
	border:none;
}
.footer10 .big-box .small-box p.num{
	font-size: 8px!important;
}


.index10-body .mid-div{
	width:90%;
	height:265px;
	margin:15px auto;
}

.index10-body .mid-div .m-top{
	height:25px;
	width:100%;
	position: relative;
	font-size:8px!important;
}
.index10-body .mid-div .m-top p{
	width:60px;
	height:25px;
	position: absolute;
	top:0;
	left:60px;
	font-size: 10px;

}
.index10-body .mid-div .m-top p i{
	position: absolute;
	left:30px;
	font-size: 10px;
}
.ping{
	margin:50px 0 0 0;
	height:175px;
	position: relative;
}

.ping .ping-small{
	width:10%;
	height:175px;
	float: left;
	
}
.ping .ping-small .yuanzhu{
	width:6px;
	height:130px;
	background: #50d2c2;
	margin:20px auto;
	
}
.yuanzhu p{
	position: absolute;
	bottom:-5px;
	text-indent: -1px;
	font-size: 10px;
}
.yuanzhu .one{
	height:10%;
	background: #ba77ff;
}
.yuanzhu .two{
	height:30%;
	background: #fcab53;
}
.yuanzhu .three{
	height:60%;
	background: #b770ff;
}

/*圆形进度条*/
.jindu{
	width:100%;
	text-align: center;
	position: relative;
}


/*index11*/
.icon-gengduo{
	display: block;
    width:40px;
    height:40px;
    border-radius: 100%;
    background: #ff3366;
    color:#fff;
    text-align: center;
    line-height: 40px;
    position:absolute;
    right:0;
    bottom:-20px;
    font-size: 15px!important;
}

.body-11 div div div img{
    width:35px;
    height:35px;
    border-radius: 100%;
}
h1,h2,h3,h4,h5{
	margin-top:0px!important;
}
.body-11  .diff-h{
	width:100%;
	height:50px!important;
	background: #f8f8f8;
}
.body-11 .oDiv h5{
	width:90%;
	height:50px;
	line-height: 50px;
	margin:0 auto;
}
.body-11 .oDiv .auto{
    width:90%;
    margin:0 auto;
	height:55px;
	line-height: 55px;
	position: relative;
}
.body-11 .oDiv{
	border-bottom: 1px solid #e8e8e9;
	height:55px;
}

.body-11 .oDiv .auto div img{
	margin-top: 5px;
}
.body-11 .oDiv .auto .p-top{
	position: absolute;
	top:-10px;
	left:50px;
    color:#707070;
}
.body-11 .oDiv .auto .p-bottom{
	position: absolute;
	top:10px;
	left:50px;
	font-size: 10px;
	color:#b2b2b2;
}


/*index12*/
.icon-tuichu1{
	position: absolute;
	right:0;
	top:25px;
}

.footer12 ul li{
	border-bottom:1px solid #e8e8e9;
	height:55px;
}

.footer12 ul li .auto{
    width:90%;
    height:55px;
    margin:0 auto;
    position: relative;
}
.footer12 ul li .auto .p1{
	height:55px;
	line-height: 55px;
}
.footer12 ul li .auto .r{
	position: absolute;
	right:0;
	top:0;
	height:55px;
	line-height: 55px;
}
.footer12 ul li .auto .r .standart{
	font-size: 12px;
}
.footer12 ul li .auto .turn{
	width:30px;
	height:12px;
	background: #ff99b2;
	border-radius:20px;
	position: absolute;
	top:20px;
}

.footer12 ul li .auto .turn p.red{
    width:15px;
    height:15px;
    border-radius: 100%;
    background: #ff3366;
    position: absolute;
    right:0;
    top:-1px;
}
.footer12 ul li .auto .turn p.navy{
    width:15px;
    height:15px;
    border-radius: 100%;
    background: #bebec1;
    position: absolute;
    left:0;
    top:-1px;
}

.bg-rewrite{
	background: #dedee0!important;
}

.mui-switch-blue.mui-activ{
	background:#ff99b2!important;
}
/*index13*/
.index13 .left{
	width:80%;
	background:#fff;
	min-height:568px;
}

.index13 .right{
	width:20%;
	height:568px;
    background: #7f7f7f;
}

.index13  .float{
	float: left;
}

.index13 .left .header{
	height:70px;
}
.index13 .left .header i{
	text-indent: 15px;
	font-size: 20px;
	color:#b5b5b7;
}
.index13 .left .left-ul .li{
   height:55px;
   border-bottom:1px solid  #e4e4e4;
   line-height: 55px;
   text-indent: 25px;
   font-size: 14px;
   color:#b5b5b7;
}

.index13 .left .left-ul  .bg-navy{
	border-top:1px solid  #e4e4e4;
	background:#f8f8f8;
	position: relative;
}
.index13 .left .left-ul  .bg-navy .num-3{
	width:20px;
	height:20px;
	border-radius: 100%;
	background: #50d2c2;
	color:black;
	position: absolute;
	top:20px;
	right:25px;
	line-height: 20px;
}

.index13 .left .left-ul  .bg-navy .num-3 span{
	display: block;
	width:20px;
	height:20px;
	border-radius: 100%;
	background: #50d2c2;
	color:black;
	text-indent:7px;
	line-height: 20px;
	font-size: 8px;
	color:#fff;
}

.index13 .right .top{
	height:55%;
	background:url(../images/c.jpg);
	position: relative;
}
.index13 .right .bottom{
	height:45%;
	background: #e4e4e4;
}
.header-r{
	height:70px;
	line-height: 70px;
	position: relative;
}
.header-r .icon-sousuo{
	position: absolute;
	right:10px;
	font-size: 18px;
}
.header-r-b{
	position: absolute;
	bottom:15px;
	right:15px;
	font-size: 16px;
}

.index13 .right .bottom .div-first{
	width:100%;
	height:85px!important;
	text-align: center;
	border-bottom: 1px solid #b2b2b2;
}
.index13 .right .bottom .div-first p{
	font-size: 12px;
}
.index13 .right .bottom .div-first .sat{
	padding:20px 0 0px 0;
}
.index13 .right .bottom .div{
	height:57px;
	border-bottom: 1px solid #b2b2b2;
}
.index13 .right .bottom div.last .add-iconfont{
	margin:5px auto;
}
.add-iconfont{
	width:45px;
	height:45px;
	background:#ff3366;
	border-radius: 100%;
	text-align: center;
	line-height: 45px;
}
.add-iconfont i{
	color:#fff;
	font-size: 16px;
}